<template>
    <view class="empty-box">
        <view>
			<!-- #ifndef APP-PLUS -->
            <van-image width="10rem" height="10rem" fit="contain" src="../../static/empty.png" />
			<!-- #endif -->
			<!-- #ifdef APP-PLUS -->
			<image style="width:360rpx;height: 360rpx;" src="../../static/empty.png" />
			<!-- #endif -->
            <view class="empty-text">无数据</view>
        </view>
    </view>
	<!-- #ifndef APP-PLUS -->
    <van-button square type="primary" @click="openScan" v-if="!isComplete">请扫描设备</van-button>
	<!-- #endif -->
	<!-- #ifdef APP-PLUS -->
	<van-button square type="primary" style="margin:60rpx 20% 0 20%;" @click="openScanApp" v-if="!isComplete">请扫描设备</van-button>
	<!-- #endif -->
</template>
  
<script setup>

const emit = defineEmits(['turnUp','turnUpApp'])

const prop = defineProps(['listData','isComplete'])

//调摄像头
const openScan = () => {
    emit('turnUp')
}
const openScanApp = () =>{
	emit('turnUpApp')
}

</script>
  
<style lang="scss" scoped>
.empty-box {
    display: flex;
    justify-content: center;
    margin-top: 20%;

    .empty-text {
        font-style: normal;
        font-weight: 700;
        font-size: 36rpx;
        line-height: 150%;
        color: #223263;
        text-align: center;
    }
}

.van-button {
    height: 100rpx;
    background: radial-gradient(125% 125% at 85.42% 0%, #85D3FF 0%, #FE9B4B 0.01%, #F47814 100%);
    border-radius: 8rpx;
    font-weight: 500;
    font-size: 36rpx;
    margin: 0 auto;
    display: block;
    border: none;
    margin-top: 60rpx;
}
</style>
  